<template>
  <div class="app-container">
    <el-card shadow="never" class="mb-3">
      <el-form ref="searchFormRef" :inline="true" class="mt-2.5" label-width="auto">
        <el-form-item prop="username" v-for="(item, index) in s1" :key="index" :label="item">
          <el-input placeholder="请输入" />
        </el-form-item>
        <el-form-item>
          <el-button type="primary">查询</el-button>
          <el-button>重置</el-button>
        </el-form-item>
      </el-form>
    </el-card>
    <el-card shadow="never" class="">
      <div class="toolbar-wrapper mb-3">
        <!-- <el-button type="primary">新建交接班设备</el-button> -->
        <el-button type="primary">导出</el-button>
      </div>
      <el-table :data="tableData">
        <!-- <el-table-column type="selection" width="50" align="center" /> -->
        <el-table-column type="index" label="序" width="50" />
        <el-table-column v-for="(item, index) in s1" :key="index" :label="item" :prop="'name' + index" />
        <el-table-column fixed="right" label="操作" align="center">
          <el-button type="primary" text bg size="small">增加记录</el-button>
        </el-table-column>
      </el-table>
    </el-card>
  </div>
</template>
<script setup>
const s1 = [
  '使用部门',
  '车辆编号',
  '设备名称/型号',
  '资产编号',
  '运行记录',
  '实际运行时间',
  '交/接班人员签名',
  '备注',
]
const tableData = [
  {
    name0: "物流部",
    name1: "起运一",
    name2: "吊车",
    name3: "13214",
    name4: "2024-04-03 一天，去0#码头",
    name5: "8小时",
    name6: "张三",
    // name6: "2024-04-03 13:58:28",
    // name7: "张三",
    // name8: "李四",
  },
]
</script>
<style lang="scss" scoped></style>
